<html>
<head>
<title>Installed!</title>
<script src="js/dojo/dojo.js"></script>
<script type="text/javascript">


/*
	dojo.addOnLoad( function() {
		console.debug({xx:'xx'});
		console.debug('doc load ok');
		});

	var arrayVar = ["one","two","three"];

	for( var i in arrayVar ) {

		console.log(arrayVar[i]);
		}

	dojo.forEach(arrayVar, function(entry,index,array) {
			console.log( entry );
			console.log( index );
			console.log( array );
			console.log('one loop finished') ;
		});
	            	
*/

	var click_time = 0 ;
	dojo.addOnLoad( function() {
		   //var btnObj =	dojo.byId('testbtn') ;
	
		   //console.log(btnObj);
		  var linkId = dojo.query('#testbtn').style({width:100,height:80}).connect('onclick', btnClick );
	


		//dojo.query('#textDiv').addClass('redBack').fadeOut( {delay: 500}).play();
		});

   function btnClick(e) {

	console.log( e );  
	dojo.require("dojo.NodeList-fx");	
	   //alert('clicked');
	//console.log('click time :' + (++click_time) );
	console.log( this );
	console.log( dojo.attr( this, 'attr_time') );
	dojo.attr(this,{attr_time: ++click_time, style : {height:100}} );
	
	
	//dojo.query('#textDiv').addClass('redBack').fadeOut({delay:2000}).play();

	}


   dojo.require("dijit.form.Button");

   dojo.addOnLoad(onReadyFunc);

   function onReadyFunc() {
		

	   }	
   
   </script>

<style type="text/css">
.redBack {
	background: #ff0000;
}
</style>
</head>
<body>
<h1>Hello, Dojo</h1>
<input id="testbtn" type="button" name="btn" value="clickbtn" />
<div id="textDiv">fjdslajfl</div>

<div id="poorboy3" class="style3">
    I don't like this green
</div>
<div dojoType="dijit.form.Button">
    give me another color
    <script type="dojo/method" event="onClick" args="evt">
        // Set the color 'red' to DOM node "poorboy3":
        dojo.style("poorboy3", "color", "red");
    </script>
</div>

</body>
</html>